<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--#config errmsg="" --><!-- saved from url=(0022)http://help.adobe.com/ -->
<html lang="en-us">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <meta name="lang" content="en-us" />
        <meta name="area" content="livedocs" />
        <title>Adobe Photoshop CS4 * Adobe Color Picker overview</title>
        <meta name="product" content="Photoshop" />
        <meta name="keywords" content="" />
        <script type="text/javascript" language="Javascript" charset="UTF-8"><!--[CDATA[
        var currentTreeNode = "WSfd1234e1c4b69f30ea53e41001031ab64-73c1a.html";
// ]]--></script>
<script src="terms.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="help.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script>  <script src="utilities.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="event.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="treeview.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="toc.js" language="Javascript" type="text/javascript" charset="UTF-8">..</script> 
<script type="text/javascript">
<!--[CDATA[
var headId = document.getElementsByTagName("head")[0];         
if (use_ie_6_behavior) {
    var linkId = document.createElement("link");
    linkId.href = "content-ie6.css";
    linkId.rel = "stylesheet";
    linkId.type = "text/css";
    headId.appendChild(linkId);
}
function initRoboHelpDOM() {
    if (use_robohelp_behavior) {
        hideElement("searchbar");
        hideElement("hierarchy");
        hideElement("col1");
    }
}
YAHOO.util.Event.onDOMReady(initRoboHelpDOM);
// ]]-->
</script>
<!--#include virtual="/livedocs/ssi/globalheader.ssi" -->
        <link rel="stylesheet" type="text/css" href="tree.css" />
        <link rel="stylesheet" type="text/css" href="content-fonts.css" />
        <link rel="stylesheet" type="text/css" href="content-hyperlinks.css" />
        <link rel="stylesheet" type="text/css" href="content.css" />
        <link rel="stylesheet" type="text/css" href="localeSpecific.css" />
    </head>
    <body id="content_body" onload="window.focus();">
        <a name="top"></a><div id="mnemonic">
            <div class="Photoshop"><table><tr><td class="banner">Adobe Photoshop CS4</td><td class="pod"><img src="images/PDF.gif" width="16" height="16" hspace="15" valign="50%" />&#160;&#160;
                     <a title="PDF" href="http://help.adobe.com/en_US/Photoshop/11.0/photoshop_cs4_help.pdf">
                         PDF (adobe.com) 
                    </a></td></tr></table></div>
        </div>
        <div id="searchbar">
<!-- BEGIN SEARCH CONTENT -->
            <form class="search_form" id="search" name="search" action="search.html" target="_self">
                <img src="images/search.png" />
<script type="text/javascript">
<!--[CDATA[
function clearSearch(){
    if (document.search.q.value == terms_AHV_SEARCH_BUTTON){document.search.q.value = ""}; 
}
document.write('<input class=\"search_input\" \
        name=\"q\" \
        id=\"q\" \
        type=\"text\" \
        maxlength=\"256\" \
        value=\"' + terms_AHV_SEARCH_BUTTON + '\" onclick=\"clearSearch()\"><\/input>'); 
// ]]-->


</script> 
            </form>
        </div>
<!-- BEGIN PAGE CONTENT WRAPPER -->
        <div id="page_content_wrapper">
<!-- BEGIN PAGE WRAPPER -->
<table id="page_content_table">
<tr>
<td id="col1">
<!-- BEGIN IONCOMMENTCOUNT -->
            <div id="ionComCount">
            </div>
<!-- END IONCOMMENTCOUNT -->
<!-- BEGIN GROUP TOC WRAPPER -->
            
<!-- END GROUP TOC WRAPPER -->
<!-- BEGIN NAV WRAPPER -->
            <div id="group_toc">
<script type="text/javascript">
<!--[CDATA[
if ( typeof(terms_BOOK_SHORT) != 'undefined' ) {
  document.write("<p>" + terms_BOOK_SHORT + "<\/p>");
}
// ]]-->


</script> 
            </div>
            <div id="nav_content">
            </div>
<!-- END NAV WRAPPER -->
</td>
<td id="col2">
<!-- BEGIN CONTENT WRAPPER -->
<!-- BEGIN BREADCRUMBS -->
            
            <div id="breadcrumb">
                
<ul class="navigation"><li class="prev"><a accesskey="p" class="prev" href="WS03011D7E-A9AC-4202-92E5-FD5D0999CF76a.html" title="Choose colors with the Eyedropper tool"><img src="images/blank.gif" alt="Previous" width="17" height="17" /></a></li><li class="next"><a accesskey="n" class="next" href="WS304DD19B-93DF-4605-85EF-50D5E2C8EE5Ba.html" title="Choose a color with the Adobe Color Picker"><img src="images/blank.gif" alt="Next" width="17" height="17" /></a></li></ul><div class="hierarchy" id="hierarchy"><a href="WSfd1234e1c4b69f30ea53e41001031ab64-73efa.html">Color</a> /
     <a href="WSfd1234e1c4b69f30ea53e41001031ab64-73c1a.html"><b>Choosing colors</b></a> 
     </div>

            </div>
<!-- END BREADCRUMBS -->
            <div id="content_wrapper">
<!-- BEGIN PAGE TITLE -->
                <h1>
                    Adobe Color Picker overview
                </h1>
<!-- END PAGE TITLE -->
                <br clear="both" /><div id="minitoc"><div class="t"><div class="b"><div class="l"><div class="r"><div class="bl"><div class="br"><div class="tl"><div class="tr"><div><h3>Contents [<a href="#" onclick="return toggleMiniToc('minitoc-links', this);" class="hideLink">Hide</a>]</h3><ul id="minitoc-links"><li><p><a href="#WS3EBF9119-D42B-45a9-B384-8F72EBCAE814a"><h1 class="topictitle1">Display the Color Picker</h1>
</a></p></li></ul></div></div><br clear="both" /></div></div></div></div></div></div></div></div><br clear="both" /><div><p>In the Adobe Color Picker, you choose colors using four
color models: HSB, RGB, Lab, and CMYK. Use the Adobe Color Picker
to set the foreground color, background color, and text color. You
can also set target colors for different tools, commands, and options.</p>
<p> You can configure the Adobe Color Picker to let you choose only
colors that are part of the web-safe palette or choose from specific
color systems. Photoshop Extended users can access a HDR (high dynamic
range) picker to choose colors for use in HDR images.</p>
<p>The Color field
in the Adobe Color Picker displays color components in HSB color mode,
RGB color mode, and Lab color mode. If you know the numeric value
of the color you want, you can enter it into the text fields. You
can also use the color slider and the color field to preview a color
to choose. As you adjust the color using the color field and color
slider, the numerical values are adjusted accordingly. The color
box to the right of the color slider displays the adjusted color
in the top section and the original color in the bottom section.
Alerts appear if the color is not a web-safe color &#160;<img src="images/P_WebSafe_Sm_N.png" /> or
is <dfn class="term">out of gamut </dfn>&#160;for printing (non-printable)&#160;<img src="images/P_Warning_Sm_N.png" />. </p>
<div class="fignone"><img alt="" id="wc_06" src="images/wc_06.png" /><div class="figdesc">Adobe Color Picker</div><br /><dl><dt class="dlterm">A.</dt>
<dd>Picked color</dd><p class="dlseparator"></p><dt class="dlterm">B.</dt>
<dd>Original
color</dd><p class="dlseparator"></p><dt class="dlterm">C.</dt>
<dd>Adjusted color</dd><p class="dlseparator"></p><dt class="dlterm">D.</dt>
<dd>Out-of-gamut
alert icon</dd><p class="dlseparator"></p><dt class="dlterm">E.</dt>
<dd>Not a web-safe color
alert icon</dd><p class="dlseparator"></p><dt class="dlterm">F.</dt>
<dd>Web Colors option</dd><p class="dlseparator"></p><dt class="dlterm">G.</dt>
<dd>Color
field</dd><p class="dlseparator"></p><dt class="dlterm">H.</dt>
<dd>Color slider</dd><p class="dlseparator"></p><dt class="dlterm">I.</dt>
<dd>Color
values</dd><p class="dlseparator"></p></dl>
</div><div class="tip"><img src="images/tip_help.png" />When you select a color in the Adobe Color Picker,
it simultaneously displays the numeric values for HSB, RGB, Lab,
CMYK, and hexadecimal numbers. This is useful for viewing how the
different color models describe a color.</div><p>Although Photoshop uses the Adobe Color Picker by default, you
can use a different color picker than the Adobe Color Picker by
setting a preference. For instance, you can use the built‑in color
picker of your computer’s operating system or a third party plug‑in
color picker.</p>
</div>
<div id="WS3EBF9119-D42B-45a9-B384-8F72EBCAE814a" class="nochunk"><a name="WS3EBF9119-D42B-45a9-B384-8F72EBCAE814a"></a><h3 class="topictitle3">Display the Color Picker</h3><div><ul><li class="stepexpand"><span>In the toolbox, click the foreground
or background color selection box.</span></li>
<li class="stepexpand"><span>In the Color panel, click the Set Foreground Color or
Set Background Color selection box.</span> <p>The Color Picker is also available when features let you
choose a color. For example, by clicking the color swatch in the
options bar for some tools, or the eyedroppers in some color adjustment
dialog boxes.</p>
</li>
</ul>
</div></div>

                <div id="related">
                    <div class="separator"><a href="#"><img src="images/BTT.jpg" /></a>&#160;</div>
                    <div><p><a href="WSAC4AF413-1584-4733-B2ED-8FB8FF67E8BDa.html">About the HDR Color Picker (Photoshop Extended)</a></p>
</div>
                    
                </div>
                <div id="footer">
                    <p><img src="images/Community.png" />&#160;<a title="community help (adobe.com)" href="http://www.adobe.com/go/lr_Photoshop_community_en">community help (adobe.com)</a></p>
<!-- BEGIN IONCOMMENTS -->
                    <div id="ionComHere">
                    </div>
<!-- END IONCOMMENTS -->
<!--#include virtual="ionComments.ssi" -->
                    <p id="creativecommons"><a href="http://creativecommons.org/licenses/by-nc-sa/3.0/" id="creativecommons_text"><img id="creativecommons_img" src="images/CC.png" alt="This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License" /></a></p>
                </div>
            </div>
<!-- END CONTENT WRAPPER -->
</td>
</tr>
</table>
        </div>
<!-- END PAGE CONTENT WRAPPER -->
<script type="text/javascript">
<!--[CDATA[
scrollToNameAnchor();
// ]]-->
</script> 
<!--#include virtual="/livedocs/ssi/globalfooter.ssi" -->
<!--#include virtual="/ubi/analytics/analytics_ssi.html" -->
    </body>
</html>